<style type="text/css">
        .wrapper{
            width: 200px;
            margin: 30px auto;
        }
        input.error{
            border: 1px solid #a10;
        }
        .error{

            color: #a10;
        }
</style>
<div>
    <form name="messageinfo" class="form-horizontal form-validation">
        <div class="modal-header">
            <h4 class="modal-title">游客信息</h4>
        </div>
        <div class="modal-body">
            <div  class="container-fluid form-horizontal ">
                            <div ng-repeat="adult in distributor_order.adults">
                            <div class="col-xs-12" >
                                  <div class="col-xs-12" style="background-color: #eaeff0;margin-bottom: 10px" >
                                <div class="pull-left"  style="margin-top: 10px;width: 15%;text-align: center;font-size: 20px">
                                    第{{$index+1}}位
                                </div>
                                <div class="pull-right" >
                                    <i class="pull-right" style="margin-top: 10px"><div onmouseover="this.style.color='grey'" onmouseout="this.style.color='blue'" ng-click="adult.clear($index)" class="pull-left" style="color: blue;cursor:pointer;">清空</div></i>

                                </div>
                                <div  style="width: 15%;text-align: center;">
                                    成人
                                </div>
                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;" >
                                    中文姓名：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px">  
                                    <input ng-disabled="show" type="text" style="height:34px;width: 200px" ng-model="adult.name"  ><!--ng-required = "true"-->
                                </div>
                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;">
                                    证件类型：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px">  
                                    <!--<input type="text" style="width: 200px">-->
                                    <select class="form-control"
                                     ng-disabled="{{show}}"
                                    style="width: 100px;margin-right:5px;"
                                    ng-model="adult.card_type"
                                    ng-change="change_ad($index)"
                                    ng-options="info.value as info.name for info in showinfo.card_type"
                                    >
                                    </select>
                                </div>
                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;">
                                    证件号码：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px">
                                    <div class="col-xs-6" style="padding-left:0px;width:220px;">
                                       <input ng-disabled="show" type="text" style="height:34px;width: 200px" ng-model="adult.cardno" 
                                        ng-blur="adult.showcardno(adult.cardno,$index)"> 
                                    </div> 
                                    <div class="col-xs-6" style="padding-left:0px">
                                       <!--<label class="col-xs-12 control-label" style="padding-left:0px"></label>-->
                                        <div ng-show="true" align="left" style="padding-left: 0px;padding-top:5px;">
                                            <span class="error">{{adult.cardinfo}}</span>
                                        </div>
                                    </div>                                   
                                </div>

                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;" ng-show="adult.card_type=='2' || adult.card_type=='3' ">
                                    证件有效期：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px" ng-show="adult.card_type=='2' || adult.card_type=='3'">  
                                    <!--<input type="text" style="width: 200px">start-year="2015" end-year="2035"-->
                                    <div class="col-xs-3" style="padding-left: 0px">
                                        <select  class="form-control"  
                                        ng-disabled="show"                      
                                        style="width: 100px;margin-right:5px;"
                                        ng-model="adult.certificate_yesr"
                                        ng-change="distributor_order.cy(adult.certificate_yesr)"
                                        ng-options="cyear.code as cyear.value for cyear in showdata.cyears">
                                        </select>
                                    </div>
                                    <div class="col-xs-3">
                                        <select  class="form-control"
                                        ng-disabled="show"
                                        style="width: 100px;margin-right:5px;"
                                        ng-model="adult.certificate_month"
                                        ng-change="distributor_order.cm(adult.certificate_month)"
                                        ng-options="cmonth.code as cmonth.value for cmonth in showdata.cmonths">
                                        </select>
                                    </div>
                                    <div class="col-xs-3">
                                        <select class="form-control"
                                        ng-disabled="show"
                                        style="width: 100px;margin-right:5px;"
                                        ng-model="adult.certificate_day"
                                        ng-options="cday.code as cday.value for cday in showdata.cdays"
                                        >
                                        </select>
                                    </div>
                                
                                </div>
                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;" ng-show="adult.card_type=='2' || adult.card_type=='3' || adult.card_type=='5' ||adult.card_type=='6'">
                                    出生日期：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px" ng-show="adult.card_type=='2' || adult.card_type=='3' || adult.card_type=='5' ||adult.card_type=='6'">  
                                    <!--<input type="text" style="width: 200px">-->
                                    <div class="col-xs-3" style="padding-left: 0px">
                                        <select class="form-control"
                                        ng-disabled="show"
                                        style="width: 100px;margin-right:5px;"
                                        ng-model="adult.birthday_year"
                                        ng-change="distributor_order.cy(adult.birthday_year)"
                                        ng-options="byear.code as byear.value for byear in showdata.byears">
                                        </select>
                                    </div>
                                    <div class="col-xs-3">
                                        <select class="form-control"
                                        ng-disabled="show"
                                        style="width: 100px;margin-right:5px;"
                                        ng-model="adult.birthday_mouth"
                                        ng-change="distributor_order.cm(adult.birthday_mouth)"
                                        ng-options="cmonth.code as cmonth.value for cmonth in showdata.cmonths">
                                        </select>
                                    </div>
                                    <div class="col-xs-3">
                                        <select class="form-control"
                                        ng-disabled="show"
                                        style="width: 100px;margin-right:5px;"
                                        ng-model="adult.birthday_day"
                                        ng-options="cday.code as cday.value for cday in showdata.cdays"
                                        >
                                        </select>
                                    </div>
                                
                                </div>
                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;" ng-show="adult.card_type=='2' || adult.card_type=='3' || adult.card_type=='5' ||adult.card_type=='6'">
                                    性别：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px" ng-show="adult.card_type=='2' || adult.card_type=='3' || adult.card_type=='5' ||adult.card_type=='6'">  
                                    <!--<input type="text" style="width: 200px">-->
                                    <select ng-disabled="show" class="form-control" style="width: 100px;margin-right:5px;" ng-model="adult.sex">
                                        <option value="1">男</option>
                                        <option value="2">女</option>                    
                                    </select>
                                </div>
                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;padding-bottom: 10px">
                                    手机号码：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px">
                                    <div class="col-xs-6" style="padding-left:0px;width:220px;">
                                       <input ng-disabled="show" type="text" style="height:34px;width: 200px" ng-model="adult.mobile"  ng-blur="adult.showphoneinfo(adult.mobile,$index)"> 
                                    </div> 
                                    <div class="col-xs-6" style="padding-left:0px">
                                       <!--<label class="col-xs-12 control-label" style="padding-left:0px"></label>-->
                                        <div ng-show="true" align="left" style="padding-left: 0px;padding-top:5px;">
                                            <span class="error">{{adult.phoneinfo}}</span>
                                        </div>
                                    </div>                                   
                                </div>
                                <div class="col-xs-12" >&nbsp;&nbsp;</div>
                                </div>                     
                            </div>
                         
                        </div>
                        <div ng-repeat="child in distributor_order.childs">
                            <div class="col-xs-12" >
                            <div class="col-xs-12" style="background-color: #eaeff0;margin-bottom: 10px" >
                                <div class="pull-left"  style="margin-top: 10px;width: 15%;text-align: center;font-size: 20px">
                                    第{{$index+1+distributor_order.numberAdult}}位
                                </div>
                                <div class="pull-right" >
                                    <i class="pull-right" style="margin-top: 10px"><div onmouseover="this.style.color='grey'" onmouseout="this.style.color='blue'" ng-click="child.clear($index)" class="pull-left" style="color: blue;cursor:pointer;">清空</div></i>

                                </div>
                                <div  style="width: 15%;text-align: center;">
                                    儿童
                                </div>
                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;" >
                                    中文姓名：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px">  
                                    <input ng-disabled="show" type="text" style="height:34px;width: 200px" ng-model="child.name"  >
                                </div>
                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;">
                                    证件类型：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px">  
                                    <!--<input type="text" style="width: 200px">-->
                                    <select class="form-control"
                                    ng-disabled="show"
                                    style="width: 100px;margin-right:5px;"
                                    ng-model="child.card_type"
                                    ng-change="change_ch($index)"
                                    ng-options="info.value as info.name for info in showinfo.card_type"
                                    >
                                    </select>
                                </div>
                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;">
                                    证件号码：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px">
                                    <div class="col-xs-6" style="padding-left:0px;width:220px;">
                                       <input ng-disabled="show" type="text" style="height:34px;width: 200px" ng-model="child.cardno"  ng-blur="child.showcardno(child.cardno,$index)"> 
                                    </div> 
                                    <div class="col-xs-6" style="padding-left:0px">
                                       <!--<label class="col-xs-12 control-label" style="padding-left:0px"></label>-->
                                        <div ng-show="true" align="left" style="padding-left: 0px;padding-top:5px;">
                                            <span class="error">{{child.cardinfo}}</span>
                                        </div>
                                    </div>                                   
                                </div>
                                
                                <!--<label class="col-xs-4 control-label">
                                <div ng-show="child.showcarderror" align="left" style="padding-left: 0px">
                                    <span class="error">年龄已超过12岁请买成人票</span>
                                </div>
                                </label>-->
                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;" ng-show="child.card_type=='2' || child.card_type=='3' ">
                                    证件有效期：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px" ng-show="child.card_type=='2' || child.card_type=='3'">  
                                    <!--<input type="text" style="width: 200px">start-year="2015" end-year="2035"-->
                                    <div class="col-xs-3" style="padding-left: 0px">
                                        <select  class="form-control" 
                                        ng-disabled="show"                       
                                        style="width: 100px;margin-right:5px;"
                                        ng-model="child.certificate_yesr"
                                        ng-change="distributor_order.cy(child.certificate_yesr)"
                                        ng-options="cyear.code as cyear.value for cyear in showdata.cyears">
                                        </select>
                                    </div>
                                    <div class="col-xs-3">
                                        <select  class="form-control"
                                        ng-disabled="show"
                                        style="width: 100px;margin-right:5px;"
                                        ng-model="child.certificate_month"
                                        ng-change="distributor_order.cm(child.certificate_month)"
                                        ng-options="cmonth.code as cmonth.value for cmonth in showdata.cmonths">
                                        </select>
                                    </div>
                                    <div class="col-xs-3">
                                        <select class="form-control"
                                        ng-disabled="show"
                                        style="width: 100px;margin-right:5px;"
                                        ng-model="child.certificate_day"
                                        ng-options="cday.code as cday.value for cday in showdata.cdays"
                                        >
                                        </select>
                                    </div>
                                
                                </div>
                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;" ng-show="child.card_type=='2' || child.card_type=='3' || child.card_type=='5' ||child.card_type=='6'">
                                    出生日期：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px" ng-show="child.card_type=='2' || child.card_type=='3' || child.card_type=='5' ||child.card_type=='6'">  
                                    <!--<input type="text" style="width: 200px">-->
                                    <div class="col-xs-3" style="padding-left: 0px">
                                        <select class="form-control"
                                        ng-disabled="show"
                                        style="width: 100px;margin-right:5px;"
                                        ng-model="child.birthday_year"
                                        ng-change="distributor_order.cy(child.birthday_year)"
                                        ng-options="byear.code as byear.value for byear in showdata.byears">
                                        </select>
                                    </div>
                                    <div class="col-xs-3">
                                        <select class="form-control"
                                        ng-disabled="show"
                                        style="width: 100px;margin-right:5px;"
                                        ng-model="child.birthday_mouth"
                                        ng-change="distributor_order.cm(child.birthday_mouth)"
                                        ng-options="cmonth.code as cmonth.value for cmonth in showdata.cmonths">
                                        </select>
                                    </div>
                                    <div class="col-xs-3">
                                        <select class="form-control"
                                        ng-disabled="show"
                                        style="width: 100px;margin-right:5px;"
                                        ng-model="child.birthday_day"
                                        ng-options="cday.code as cday.value for cday in showdata.cdays"
                                        >
                                        </select>
                                    </div>
                                
                                </div>
                                <div class="col-xs-4" style="margin-top: 10px;text-align: right;" ng-show="child.card_type=='2' || child.card_type=='3' || child.card_type=='5' ||child.card_type=='6'">
                                    性别：
                                </div>
                                <div class="col-xs-8" style="margin-top: 10px" ng-show="child.card_type=='2' || child.card_type=='3' || child.card_type=='5' ||child.card_type=='6'">  
                                    <select ng-disabled="show" class="form-control" style="width: 100px;margin-right:5px;" ng-model="child.sex">
                                        <option value="1">男</option>
                                        <option value="2">女</option>                    
                                    </select>
                                </div>
                               
                                <div class="col-xs-12" >&nbsp;&nbsp;</div>
                            </div>
                        </div>
                        <!--<div class="col-xs-12" ></div> -->
                        </div> 
           <!--child-->
               </div>         
        </div>               
         <div class="modal-footer">
            <button class="btn m-b-xs w-xs btn-success btn-rounded pull-right" ng-click="cancel()" style="margin-left: 10px">关闭</button>
            <button type="submit" class="btn m-b-xs w-xs btn-success btn-rounded pull-right" ng-click="save()" style="margin-left: 10px" ng-if="a=='0'&&show==0" >保存</button>
            <button type="submit" class="btn m-b-xs w-xs btn-success btn-rounded pull-right" ng-click="gogogo()" style="margin-left: 10px" ng-if="a=='1'">支付</button>
            <!--<button type="submit" class="btn m-b-xs w-xs btn-success btn-rounded pull-right" ng-click="gogogo()" style="margin-left: 10px">支付</button>-->
            
        </div>
    </form>
</div>    


